
<link rel="shortcut icon" type="image/x-icon" href="<?=base_url()?>/public/img/favicon.ico">
            <link rel="stylesheet" href="<?=base_url()?>public/css/jquery-ui-1.8.20.custom.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/bootstrap.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/normalize.css" />
            <link rel="stylesheet" href="<?=base_url()?>public/css/base.css" />
        
         
          <?=$this->load->helper('instituciones/instituciones')?>
<style>
.user-account-box {
margin-top: 20px;
margin-bottom: 5px;
}
            .container.menu {
margin-top: 2px;
}
span.contenido{
color: grey;
}

h5.contenido{
    color:grey;
}
.bordeInferior{
    border-bottom: solid 1px  gainsboro;
}

.resultado{
    color:#67717a;
    margin-left:1em;
}
.resultRow{
 margin-bottom: 3%;
}
#columna-izquierda {
border: 1px solid #d0d0d0;
margin: 1%;
border-radius: 10px;
vertical-align: middle;
float: left;
text-align: center;
max-height: 187px;
min-height: 187px;
}
#columna-izquierda img {
    width: 66%;
    text-align: center;
}
.tituloI {
float: left;
margin-bottom: 10px;

}
.span12.resultRow {

}
.contenidoDesc {
margin: 20px 0px;
height: 113px;
overflow: hidden;
width: 100%;
float: left;
}

#columna-derecha h1 {
margin: 0px 5px !important;
line-height: 28px !important;
text-transform: lowercase !important;
}
#columna-derecha h1:first-letter{
text-transform: uppercase;
}

.tituloI {
float: left;
margin-bottom: 10px;
text-transform: uppercase;
font-size: 24px;
font-weight: normal;
}
.contenidoDire {
float: left;
width: 100%;
margin: 0px 5px;
font-weight: bold;
font-size: 14px;
overflow: hidden;
max-height: 16px;
}
#tituloInstituciones {

margin: 0 !important;
float: left !important;
font-size: 24px;
line-height: 24px;
}

</style>
            
<div class="container contenido">
    <div class="row-fluid">
        <?php $ci->load->view('home/list_categorias.php' ); ?>
        
        <div class="span9">
            <div class="row-fluid bordeInferior">
            <div class="tituloI">
                <h2 id="tituloInstituciones">INSTITUCIONES</h2>
            </div>
                   
                       <form id="categorias" action='<?=base_url('instituciones')?>' method="POST">
                           <div id="columna-derecha" style="text-align:right"> Institutos con cursos de:
                                    <select name="nombreCursos">
                                      <?php
                                                 foreach ($categories as $row) {
                                                 $slug=$row->slug;

                                                 if($slug==$categoriaSlug){

                                                 echo '<option value='.$row->slug.' selected>'.$row->name.'</option>';

                                             }else{
                                                 echo '<option value='.$row->slug.'>'.$row->name.'</option>';
                                             }
                                         }
                                              ?>
                                 </select>
                               
                         </div>
                    </form>
            </div>
            <div class="span12 resultRow">
              <span class="resultado">Home > Institutos (<?php echo $total_rows ?> institutos encontrados)</span>
            </div>
    
                <div class="contenido">
             

              <?php foreach ($lista as $row) { ?> 
                <a href="<?= site_url('instituciones/verInstitucion/'.$row->slug)?>">
                    <div id="fila">
                        
                        <div id="columna-izquierda">
                

                            <img src="<?= base_url().'public/images/instituciones/'.$row->id?>.jpg">
                                    </div>
                        <div id="columna-derecha">
                           
                            <h1><?php echo $row->name;?></h1>
                            
                           <p class="contenidoDesc"> <?php echo $row->descripcion ?></p>
                           <h5 class="contenidoDire"><?php echo $row->address . ' Telefono: ' . $row->phone;?></h5>
              
                        </div>
                        
                     </div>
                </a>
                         <?php
                            
                }
                ?>
                <div class="row-fluid">
                <div class="pagination">
                    <ul>
                        <?php echo $paginacion ?>
                    </ul>
                </div>   
            </div>
            </div>
            </div>
        </div>
    </div>
   <div class="paginacion">

</div>
            